<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo01</title>
</head>
<body>
    <h1>标题标签1</h1>
    <h2>标题标签2</h2>
    <h3>标题标签3</h3>
    <h4>标题标签4</h4>
    <h5>标题标签5</h5>
    <h6>标题标签6</h6>
    <hr>

    xxxx<strong>xxx</strong>xxxxxx<b>xxxxx</b>xxxxx<i>xxxx</i>xxxxx<del>xxxxxx</del>xxxxxxxx<u>xxxxx</u>xxxxx
    <hr>
    
    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    <p></p>
    xxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br>xxxxxxxxxxxxxxxxxx
    <hr>

    <h2>网站链接</h2>
    <a href="https://www.baidu.com" target="_blank">百度</a>
    <a href="https://www.sougou.com" target="_self">搜狗</a>
    <hr>

    相对地址：<img src="../111.png" title="图片1" alt="图片1" width="200px" height="180px"><br>
    绝对地址：<img src="D:\JavaWeb\test_-java-web\test_5_4\111.png" width="200px" height="180px"><br>
    网络地址：<a href="https://www.baidu.com" target="_blank">
                <img id="baidu" src="https://src=http___safe-img.xhscdn.com_bw1_34fc045e-0952-4cb8-861c-6f9936449ec6_imageView2_2_w_1080_format_jpg&refer=http___safe-img.xhscdn">
            </a>
    <hr>
    <p></p>

    <a href="111.zip">下载文件</a>
    <hr>
    <p></p>

    <img src="../111.png">
    <img src="../111.png">
    <img id="111" src="../111.png">
    <img src="../111.png">
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <a href="#baidu">baidu</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#111">111</a>
    <hr>
    <p></p>

    <table border="1" width="400px" height="200px">
        <thead>
            <th>
                姓名
            </th>
            <th>
                年龄
            </th>
            <th>
                性别
            </th>
        </thead>
        <tbody align="center">
            <tr>
                <td colspan="2">张三|20</td>
                <td rowspan="2">女</td>
            </tr>
            <tr>
                <td>李四</td>
                <td rowspan="2">18</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>男</td>
            </tr>
        </tbody>
    </table>
    <hr>
    <p></p>

    <h2>无序列表</h2>
    <ul>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>赵六</li>
    </ul>
    <hr>

    <h2>有序列表</h2>
    <ol>
        <li>原子性</li>
        <li>隔离性</li>
        <li>一致性</li>
        <li>持久性</li>
    </ol>
    <hr>

    <h2>自定义列表</h2>
    <dl>
        <dt>标题</dt>
        <dt>联合查询</dt>
        <dt>索引</dt>
        <dt>事务</dt>
    </dl>
    <hr>

    <form action="https://www.baidu.com" method=""get>
        姓名：<input type="text" id="username" name="name"><br>
        密码：<input type="password"><br>
        性别：<input type="radio" name="sex" value="男">男&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name="sex">女&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" name=""sex>第三性别&nbsp;&nbsp;&nbsp;&nbsp;<br>
        爱好：<input type="checkbox">听音乐&nbsp;&nbsp;<input type="checkbox">看书&nbsp;&nbsp;
        <input type="checkbox">跑步<br>
        头像：<input type="file"><br>
        大学：<select>
                <option>南京大学</option>
                <option selected="selected">北京大学</option>
                <option>清华大学</option>
            </select><br>
        备注：<textarea rows="7" cols="50"></textarea>
        <br>

        <input type="button" value="普通按钮">&nbsp;&nbsp;
        <input type="submit" value="提交">&nbsp;&nbsp;
        <input type="reset" value="清空">
    </form>
    <hr>
    <p></p>

    <div>
        <h1>前端文章</h1>
        <div>
            前端知识点
        </div>
        <div>
            html+css+js
        </div>
        <span style="color:red;">
            xxxxxxx
        </span>
        <span style="color:blue;">
            xxxxxx
        </span>
    </div>
</body>
</html>